<%--
菜品管理:店家可以添加菜品的一些信息
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div class="col-md-9">
    <div class="data_list">
        <div class="data_list_title">
            <span class="iconfont icon-guanli "></span>&nbsp;菜品管理
            <span id="loginMsg" style="font-size: 16px;color: red">多选时请用空格分割多个选项。</span>
        </div>
        <div class="container-fluid">
            <div class="row" style="padding-top: 20px;">
                <div class="myformbox">
                    <form class="myform form-horizontal">
                        <div class="form-group">
                            <label for="foodName" class="col-sm-4 control-label">菜品名称:</label>
                            <div class="col-sm-8">
                                <select id="foodName" name="foodId" class="myselect col-sm-6 control-label">
                                    <c:forEach items="${shop.foodNameList}" var="foodName">
                                        <option value="${foodName.foodId}">${foodName.foodName}</option>
                                    </c:forEach>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="mixed" class="col-sm-4 control-label">配料信息:</label>
                            <div class="col-sm-8">
                                <input id="mixed" class="form-control myinput" type="text" placeholder="请输入配料信息，多选请用空格分割">
                            </div>
                        </div>
                        <c:forEach items="${shop.ulList}" var="ul" varStatus="">
                            <ul class="myul">
                                <li>
                                    <div class="form-group">
                                        <div class="col-sm-4">
                                            <label class="col-sm-6 control-label">${ul.valueName}</label>
                                            <select name="taste1key" class="myselect col-sm-6 control-label">
                                                <c:forEach items="${ul.liList}" var="li" varStatus="pos">
                                                    <option value="${pos.index}">${li.valueName}</option>
                                                </c:forEach>
                                            </select>
                                        </div>
                                        <div class="col-sm-8">
                                            <input id="taste1" name="taste1value" class="form-control myinput" type="text" placeholder="多选请用空格分割">
                                        </div>
                                    </div>
                                </li>
                                <div class="form-group">
                                    <div class="col-sm-12">
                                        <span class="mybottom"><a href="" >继续添加</a><a href="" style="margin-left: 20px">删除</a></span>
                                    </div>
                                </div>
                            </ul>
                        </c:forEach>
                        <div class="col-sm-8" style="float:right;">
                            <input id="sub" class="form-control myinput" type="submit" value="提交" >
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .myul{
        list-style: none;
        padding-left: 0;
    }
    .myselect{
        text-align: right;
        background-color: #fff;
    }
    .mybottom{
        text-align: center;
        color: red;
    }
    .myul a{
        text-decoration: none;
    }
    .myul a:hover{
        cursor: pointer;
        color: #2d6ca2;
    }
    .myhidden{
        display: none;
    }
</style>